﻿body{padding:0px; margin: 0px; font-family: "Segoe UI"}
#header{background-color: Black; height: 40px; padding: 5px;}
.inside{margin: 10px auto}
ul, ol{list-style: none; padding-left: 0px;}
#logo{width: 200px; padding-left: 20px; float: left; color: white}
#top_navigator{float: right;}
#top_navigator li:not(.noLi){float:left;text-align:center; margin-top: -21px;height: 40px;padding-top: 10px}
#top_navigator a:not(.noLi):hover
{
    background-color: #999999;
}
#top_navigator a{text-decoration: none; color: white; font-weight:bold;height:40px; padding: 17px 2px;border-left: solid white 1px}
.pageTitle
{
    text-transform: uppercase;
    font-size: 50px;
    display: block;
}
.TitleList{text-transform: uppercase; font-size: 20px; display:  block;}
.curSelected{background-color: #666666;color: White; padding: 5px 10px; text-transform: uppercase; }
.CataCour li:not(.curSelected){background-color: #999999; color: White; padding: 5px 10px; text-transform: uppercase; }
.CataCour a
{
    color: white;
}
#MenuContain{width: 25%; clear: both; float: left}
#MainMenu{width:100%}
.MainMenu li{padding: 10px; text-transform: uppercase;}
.subMenu
{
    display:none;
    margin-top: 15px;
}
.subMenu li{ background-color: #e2e2e2; border: 1px solid white;-moz-transition: all 0.3s ease-in-out 0s;}
.subMenu li:hover{background-color: #999999; color: White;}
#ListContain{width: 70%; float: right; margin-top: 10px;}
.ListInLi{float:left;}
.ListInLi li:not(.Not){float:left;}
.EleMainList{border-top: solid 1px #999999; padding: 20px 0px;clear: both}
.btnList
{
    -moz-transition: all 0.3s ease-in-out 0s;
    background-color: #E2E2E2;
    border-radius: 3px;
    color: #2B2B2B;
    float: left;
    font-size: 1em;
    font-weight: normal;
    margin-right: 0.5em;
    margin-top: 0.3em;
    padding: 0.125em 0.5em 0.2em;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.btnList:hover{background-color: #999999}
.CataCour{margin: 15px auto; width: 400px;}
.CataCour li{float:left;}
.Month{background-color:#2b2b2b; text-align: center; color: White;}
.Dates{background-color:#e2e2e2; text-align: center; color: black;}
.ProName{color: #2b2b2b; display: block}
.Role{color: #999999}
.floatLeft{float:left;}
.floatRight{float:right;}
.floatRight li{float: left;}
#MenuWrap{clear: both;}
.WrapLi{width: 29%;background-color: #e2e2e2; padding: 5px 0px 5px 10px; }
.subMenuW{display:none;float:left;}
.subMenuW li{background-color: #e2e2e2; margin-top: 2px;-moz-transition: all 0.3s ease-in-out 0s;}
.subMenuW li:hover{background-color: #999999; color: White;}
#MenuWrap{display: none}
table {width: 100%; clear: both;}
table td {padding: 3px 8px;}
.Odd{background-color:#e2e2e2}
thead {background-color:#666666; color: white}
.Even {background-color:#999999}
.btn
{
    padding: 2px;
    width: 45px;
    text-align: center;
    display: block;
    color: White;
    border-radius: 25px;
    box-shadow: 0px 0px 2px 0px #333;
    cursor: pointer;
}
.btn:hover
{
    background-color: #666666;
    }
.btnDelete, .btnCancel, .btnDeletes
{
    background-color: red;
    }
.btnSave, .btnAdd, .btnEdit
{
    background-color: #4cb849;
}
.RowActive{background-color: orange;}
#btnAddMore
{
    background: url(../images/add.png) left no-repeat;
    padding-left: 20px;
    cursor: pointer;
}
#LoseFocus
{
    width: 500%;
    height: 500%;
    background-color: Black;
    opacity: 0.4;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
}
#ContainAjax
{
    background-color: White;
    position: absolute;
    width: 700px;
    display: none;
    height: 500px;
    top: 200px;
    left: 20px;
    box-shadow: 0px 0px 15px 5px black;
    z-index: 9;
    padding: 20px;
}
.ProductList li
{
    cursor: pointer;
    margin-top: 5px;
}
.ProductList li:not(.selectedPd)
{
    color: Black;
    width: 300px;
    background: url(../images/add.png) left no-repeat;
    padding-left: 20px;
}
.ProductList li:not(.selectedPd):hover
{
    color: Black;
    width: 300px;
    background: url(../images/add.png) left no-repeat #faeca5;
    padding-left: 20px;
}
.TitleAdd
{
    color: #ab1524;
    font: 24px/150% "Times New Roman" ,Times,serif;
    text-transform: uppercase;
}
.btnSearchPD
{
    display: inline-block;
    background: url(../images/searchBtn_top.gif) center no-repeat transparent;
    width: 10px;
    height: 20px;
    float: right;
}
.selectedPd
{
    background: url(../images/active_off.png) left no-repeat #faeca5;
    color: Black;
    width: 300px;
    padding-left: 20px;
}
.btnPD
{
    display: inline-block;
    width: 60px;
    border-radius: 5px;
    background-color: #ab1524;
    text-align: center;
    padding: 3px 5px 5px 5px;
    cursor: pointer;
    margin-left: 20px;
}
.btnPD:hover
{
    background-color: #ab1010;
}
.tdclick:hover
{
    background-color: #ab1010;
}
a
{
    text-decoration: none;
}
#imgUpload, .btnSubmit,  #imgUpload2, #imgUpload3
{
    color: white;
    padding: 5px 10px;
    font-weight: bold;
    background-color:  orange;
    width: 120px;
    text-align:center;
    margin-top: 10px;
}
#SearchPanel
{
    height: 50px;
}
#ListOpt li
{
    width: 400px;
    margin-top: 10px;
}
.Quantitys
{
    text-align: center;
    width: 30px;
}